<template>
  <div class="app-container">
    <el-button @click="openDialog1">普通弹窗</el-button>
    <my-dialog title="DialogCmp1" :hiddenFullBtn="true" v-model="visible1" @confirm="handleConfirm"
      @close="handleClose" />
  </div>
</template>

<script setup lang="ts" name="hook-case">
import MyDialog from './MyDialog.vue'
import useDialog from "./useDialog";

const {
  visible: visible1,
  openDialog: openDialog1,
  closeDialog: closeDialog1,
} = useDialog();

const handleClose = () => {
  closeDialog1()
  console.log(123);
}

const handleConfirm = () => {
  console.log(222);
}

</script>

<style lang="scss" scoped>

</style>